@import '../../base/base.less';
#userCenter {
    >.info {
        height: 200px;
        border: 1px solid @color-border;
        .detail {
            height: 120px;
            padding-left: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 100px;
            border-bottom: 1px solid @color-border;
            >div {
                float: left;
            }
            >ul {
                float: right;
                overflow: hidden;
                margin-left: 100px;
                display: flex;
                >li {
                    height: 80px;
                    margin-left: 100px;
                    &:nth-of-type(1) {
                        margin-left: 0;
                    }
                    &.active {
                        color: @base-color;
                    }
                    >span {
                        display: block;
                        &:nth-of-type(2) {
                            margin-top: 18px;
                        }
                    }
                }
            }
            .logo {
                float: left;
                margin-right: 20px;
                width: 80px;
                height: 80px;
                background-color: #cccccc;
            }
            .name {
                >li:nth-of-type(1) {
                    font-size: 16px;
                }
                >li:nth-of-type(2) {
                    margin-top: 14px;
                    font-size: 14px;
                    color: @color-txt3;
                }
                >li:nth-of-type(3) {
                    margin-top: 14px;
                    font-size: 14px;
                    color: @color-txt3;
                    .status {
                        color: #ffba02;
                    }
                }
            }
        }
        .status {
            height: 80px;
            align-items: center;
            >li {
                flex: 1;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border-right: 1px solid @color-border;
                &:nth-last-of-type(1) {
                    border-right: none;
                }
                >span {
                    margin-left: 6px;
                    color: @base-color;
                }
            }
        }
    }
    >.road {
        margin-top: 38px;
        .title {
            padding: 12px 0;
            border-bottom: 2px solid @base-color;
            >span {
                font-size: 18px;
            }
            >div {
                font-size: 14px;
                >span:nth-of-type(1) {
                    margin-right: 39px;
                }
                >span:nth-of-type(2) {
                    margin-right: 8px;
                }
            }
        }
        .my-table {
            margin-top: 16px;
            width: 100%;
            th {
                padding: 20px 0;
                font-size: 14px;
                font-weight: bold;
            }
            .list{
                td{
                    height: 40px;
                    line-height: 40px;
                    font-size: 14px;
                    &.t1{
                        width: 340px;
                    }
                    &.t2{
                        width: 300px;
                    }
                    &.t3{
                        width: 300px;
                    }
                }
            }
            .list:nth-of-type(2n){
                background-color: #f2f2f2;
            }
        }
    }
}